<!-- eslint-disable vue/multi-word-component-names -->
<template>
    <!-- 顶部通栏 -->
     <AppTopNav></AppTopNav>
     
     <!-- 头部区域 -->
     <MyHeader></MyHeader>

     <!-- 主体区域 -->
     <div class="main">
        <!-- 二级区域 -->
        <router-view></router-view>
     </div>

     <!-- 底部区域 -->
     <MyFooter></MyFooter>
</template>

<script>
import AppTopNav from '@/components/AppTopNav.vue'
import MyHeader from '@/components/MyHeader.vue';
import MyFooter from '@/components/MyFooter.vue';
export default {
    components: {
        AppTopNav,
        MyHeader,
        MyFooter,
    }
}
</script>
<style scoped lang='less'>
</style>